<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ezcomp="http://java.sun.com/jsf/composite/ezcomp">

    <style type="text/css">
        .canc{
            background-image: url("../resources/images/ajax_small.gif");
        }        
        .foot{
            text-align: left;            
        }
    </style> 
    <body>
        <ui:composition template="../plantilla/Plantilla_1.xhtml">
            <ui:define name="top">
                <ui:include src="../plantilla/top.xhtml" />
            </ui:define>    
            <ui:define name="left">
                <ui:include src="../plantilla/left.xhtml" />
            </ui:define>
            <ui:define name="content">                

                <table width="547" border="0" align="center" cellspacing="0" cellpadding="0" background="../resources/images/3_26.gif">
                    <tr>
                        <td width="360" valign="top"> 
                            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                <tr>
                                    <td style="background-image:url(../resources/images/3_121.gif)" width="279" height="41">
                                        <center><b><h:outputText style="color: #ffffff; font-size: 13px" value="Beneficiarios de proyectos"/></b></center>
                                        <!--width="279" height="41" alt=""/-->
                                    </td>
                                </tr>
                                <tr>
                                    <td><img src="../resources/images/3_15.jpg" width="279" height="38" alt=""/></td>
                                </tr>
                            </table>
                            <table width="279" border="0" cellspacing="0" cellpadding="0">
                                <tr>
                                    <td width="12"></td>
                                    <td width="255"><div align="justify"><span>          
                                                <br/>                                          
                                            </span></div></td>
                                    <td width="12"></td>
                                </tr>
                            </table>
                        </td>
                        <td width="187" valign="top"><img src="../resources/images/3_13.png" width="268" height="38" alt=""/></td>
                    </tr>
                    <tr>                                                             


                        <td colspan="2">

                            <table  border="0" cellspacing="0" cellpadding="0" align="center">
                                <tr>
                                    <!--td width="12"></td-->
                                    <td><div><span>                                                                                                        

                                                <p:dialog id="modalDialogBuscar1" style="text-align: left!important" appendToBody="true" header="Buscar comunidad" widgetVar="dl_comunidad" modal="true" resizable="false"
                                                          showEffect="clip" hideEffect="fold">                                                                          
                                                    <ezcomp:proyectosComunidadComposite/>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        
                                                    <h:outputLabel for="buscar" value="Buscar:  " />  
                                                    <p:inputText id="busqueda" value="" label="Buscar: " size="15" />&nbsp;  
                                                    <p:commandButton type="button" value="Buscar" icon="ui-icon-search"/>                                                                                                                                                               
                                                </p:dialog>

                                                <p:dialog id="modalDialogBuscarEmp" style="text-align: left!important" appendToBody="true" header="Buscar proyecto" widgetVar="dl_proyecto" modal="true" resizable="false"
                                                          showEffect="clip" hideEffect="fold">                                                                          
                                                    <ezcomp:proyectosComposite/>
                                                    <h:outputLabel for="buscar" value="Buscar:  " />  
                                                    <p:inputText id="busqueda1" value="" label="Buscar: " size="15" />&nbsp;  
                                                    <p:commandButton type="button" value="Buscar" icon="ui-icon-search"/>                                                                                                                                                               

                                                </p:dialog>


                                                <p:dialog id="modalDialogBuscar2" style="text-align: left!important" appendToBody="true" header="Buscar Beneficiarios" widgetVar="dl_beneficiarios" modal="true" resizable="false"
                                                          showEffect="clip" hideEffect="fold">                                                                          
                                                    <ezcomp:proyectosBeneficiaComposite/>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        
                                                    <h:outputLabel for="buscar" value="Buscar:  " />  
                                                    <p:inputText id="busqueda3" value="" label="Buscar: " size="15" />&nbsp;  
                                                    <p:commandButton type="button" value="Buscar" icon="ui-icon-search"/>                                                                                                                                                               
                                                    <p:commandButton id="modalDialogsButton" value="Modificar" onclick="dl.show();" type="button" icon="ui-icon-refresh"/>

                                                    <p:dialog appendToBody="true" id="modalDialogs" header="Modificar proyecto" widgetVar="dl" modal="true" resizable="false"
                                                              showEffect="clip" hideEffect="fold">
                                                        <div align="left">
                                                            <h:panelGrid columns="2" style="width: 360px; height: 300px">
                                                                <f:facet name="header">
                                                                    &nbps;
                                                                </f:facet>  
                                                                <h:outputLabel for="proyecto" value="Proyecto:" />  
                                                                <p:commandButton id="iconOnly40" onclick="dl_proyecto.show();" icon="ui-icon-search" style="margin-left: 3px">
                                                                    <p:inputText id="codigo_cli40" value="" label="Proyecto" size="20" />
                                                                </p:commandButton>
                                                                <h:outputLabel for="comunidad" value="Comunidad:" />  
                                                                <p:commandButton id="iconOnly30" onclick="dl_comunidad.show();" icon="ui-icon-search" style="margin-left: 3px">
                                                                    <p:inputText id="codigo_cli30" value="" label="comunidad" size="20" />
                                                                </p:commandButton>
                                                                <h:outputLabel for="familias" value="Familias:" />
                                                                <p:spinner id="familias1" min="0" max="100" size="6"/>
                                                                <h:outputLabel for="mujeres" value="Mujeres:" />
                                                                <p:spinner id="mujeres1" min="0" max="100" size="6"/>
                                                                <h:outputLabel for="hombres" value="Hombres:" />
                                                                <p:spinner id="hombres1" min="0" max="100" size="6"/>
                                                                <h:outputLabel for="adeolescentes" value="Adolescentes:" />
                                                                <p:spinner id="adolescentes1" min="0" max="100" size="6"/>
                                                                <h:outputLabel for="niños" value="Niños:" />
                                                                <p:spinner id="ninios1" min="0" max="100" size="6"/>
                                                                <f:facet name="footer">
                                                                    <p:row>
                                                                        <p:column>
                                                                            <p:commandButton id="showDialogButton" value="Modificar"
                                                                                             onclick="confirmation.show()" type="button" icon="ui-icon-refresh"/>
                                                                            <p:confirmDialog appendToBody="true" id="confirmDialog" message="Desea modificar los datos?"
                                                                                             header="Iniciando proceso..." severity="alert" widgetVar="confirmation">
                                                                                <p:commandButton id="confirm" value="Si" update="messages" oncomplete="confirmation.hide()"/>
                                                                                <p:commandButton id="decline" value="No" onclick="confirmation.hide()" type="button" />
                                                                            </p:confirmDialog>
                                                                        </p:column>
                                                                    </p:row>
                                                                </f:facet>  
                                                            </h:panelGrid>                                                                                                                    
                                                        </div>
                                                    </p:dialog>                                                                                                                                                                                                                                                                                                                                                   



                                                    <p:commandButton type="button" value="Eliminar" icon="ui-icon ui-icon-trash" style="margin:0"/>                                                                                                                                                

                                                    <!--/p:fieldset-->

                                                </p:dialog>                                                                                                                                                


                                                <p:growl id="growl" showDetail="true" />  
                                                <p:fieldset legend="&nbsp;" toggleable="true" toggleSpeed="500" style="text-align: left">
                                                    <p:ajax event="toggle" update="growl" />
                                                    <p:messages id="messages" />  
                                                    <p:panelGrid id="panel1" columns="2" style="width: 460px">  
                                                        <f:facet name="header">  
                                                            Beneficiarios de proyectos por comunidad
                                                        </f:facet>  
                                                        <h:outputLabel for="proyecto" value="Proyecto:" />  
                                                        <p:commandButton id="iconOnly4" onclick="dl_proyecto.show();" icon="ui-icon-search" style="margin-left: 3px">
                                                            <p:inputText id="codigo_cli4" value="" label="Proyecto" size="20" />
                                                        </p:commandButton>
                                                        <h:outputLabel for="comunidad" value="Comunidad:" />  
                                                        <p:commandButton id="iconOnly3" onclick="dl_comunidad.show();" icon="ui-icon-search" style="margin-left: 3px">
                                                            <p:inputText id="codigo_cli3" value="" label="comunidad" size="20" />
                                                        </p:commandButton>
                                                        <h:outputLabel for="familias" value="Familias:" />
                                                        <p:spinner id="familias" min="0" max="100" size="6"/>
                                                        <h:outputLabel for="mujeres" value="Mujeres:" />
                                                        <p:spinner id="mujeres" min="0" max="100" size="6"/>
                                                        <h:outputLabel for="hombres" value="Hombres:" />
                                                        <p:spinner id="hombres" min="0" max="100" size="6"/>
                                                        <h:outputLabel for="adeolescentes" value="Adolescentes:" />
                                                        <p:spinner id="adolescentes" min="0" max="100" size="6"/>
                                                        <h:outputLabel for="niños" value="Niños:" />
                                                        <p:spinner id="ninios" min="0" max="100" size="6"/>
                                                        <f:facet name="footer">  
                                                            <p:row>
                                                                <p:column style="text-align: left!important">
                                                                    <p:commandButton id="btn_save" type="button" value="Guardar" icon="ui-icon-disk" style="margin:0"/>
                                                                    <p:commandButton type="button" value="Buscar" onclick="dl_beneficiarios.show();" icon="ui-icon-search" style="margin:0"/>                                                                           
                                                                </p:column>
                                                            </p:row>
                                                        </f:facet>  
                                                    </p:panelGrid>  

                                                </p:fieldset>      

                                                <br/>

                                            </span></div></td>
                                    <!--td width="12" height="154">&nbsp;</td-->
                                </tr>
                            </table>



                        </td>

                    </tr>
                    <tr><td colspan="2">

                            <img   src="../resources/images/3_30.gif" width="547" height="40" alt=""/></td></tr>  
                    <tr><td style="text-align: left">


                        </td></tr>
                </table>                             


            </ui:define>
            <ui:define name="bottom">
                <ui:include src="../plantilla/bottom.xhtml" />                
            </ui:define>

        </ui:composition>

    </body>

</html>
